@extends('home/master')
@section('title','堆糖生活家--时尚搭配')
@section('style')
    <link rel="stylesheet" type="text/css" href="{{url('css/lib.8551015b.css')}}">
    <link href="{{url('css/detail.46571e9b.css')}}" rel="stylesheet" />
    <link href="{{url('css/category.7f2a0404.css')}}" rel="stylesheet" />
    <script src="{{url('js/lib.bundle.a6ecd17d.js')}}"></script>
    <style>
        .stpics .d .d1 {
            background-image: url({{url('images/20140528162525_djtau.png')}});
            background-repeat: no-repeat;
            background-position: -5px -50px
        }

        .stpics .d .d2 {
            background-image: url({{url('images/20140528162525_djtau.png')}});
            background-repeat: no-repeat;
            background-position: -90px -50px
        }

        .stpics .d .d3 {
            background-image: url({{url('images/20140528162525_djtau.png')}});
            background-repeat: no-repeat;
            background-position: -175px -50px
        }
        .collbtn {
            width: 208px;
            height: 44px;
            padding: 8px;
            display: none;
            z-index: 500;
            background-image: url({{url('images/20140528135812_wyjyt.png')}});
            background-position: 0 -72px;
            background-repeat: no-repeat
        }

        .collbtn a.x i,
        .collbtn a.y i,
        .collbtn a.z i {
            background-image: url({{url('images/20140528162525_djtau.png')}});
            background-repeat: no-repeat
        }
        .stpics .woo{
            margin:0 15px 20px 0;
        }
        div.stpics .mbpho img{
            max-height: 225px;

        }
    </style>
@endsection
@section('content')

    {{--时尚搭配--}}
    <div id="content">
        <div class="layer layer-full">
            <div class="tube">
                <h1 class="txt">热门</h1>
                <div class="dt-cat oh" style="width:1200px;margin:0 auto;">
                    <table class="dt-cat-inner" cellspacing="0" cellpadding="0">
                        <tr>
                            <td class="dt-cat-title"><a href="{{url('home/liangfashion?cid=')}}">良品购</a></td>
                            <td class="dt-cat-content">
                                <div class="dt-sub-cat" style="width: 33.3%;">
                                    {{--<div class="dt-sub-cat-name">--}}
                                        {{--潮流趋势--}}
                                    {{--</div>--}}
                                    {{--下面这些分类都是可以遍历出来的--}}
                                    <div class="dt-tag-list clr">
                                        @foreach($lianglist as $val)
                                            <a href="{{url('home/liangfashion?cid='.$val->id.'&ccid='.$_GET['cid'])}}">
                                                {{$val->name}}
                                            </a>
                                        @endforeach
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <a name="woo-anchor"></a>
                <div class="ctg-menu-list block">
                    <div class="dt-cat-nav l" style="margin-left:75px;">
                        <span class="dt-cat-link">分类</span>
                        <i> > </i>
                        <a class="dt-tag-link" href="">时尚搭配</a>
                    </div>
                    <div class="ctg-menu-newhot l dt-hidden">
                        <a class="woo-swa" href="javascript:;">人气</a>
                        <a class="woo-swa" href="javascript:;">最新</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="dt-line" style="width:1200px;margin:0 auto;margin-bottom:30px;"></div>
        <div id="fordymarea" data-spm="">
            <div class="woo-swb">
                <div class="woo-pcont stpics clr " data-wootemp="4" data-totalunits="919" style="width:1200px;margin:0 auto;">

                    {{--商品遍历开始。暂时留了两条记录--}}
                    @foreach($lianggoods as $goods)
                    <div data-id="694211657" class="woo">
                        <div class="j">
                            <div class="mbpho" style="height:235px;">
                                <a target="_blank" class="a" href="{{url('home/liangdetail?id=').$goods->id}}">
                                    <img data-rootid="694211657" alt="{{$goods->describe}}" data-iid="" src="{{asset('adminliang').'/'.$goods->pic}}" height="336" />
                                    <u style="margin-top:-336px;height:334px;"></u>
                                </a>
                            </div>
                            <div class="wooscr">
                                <div class="g">{{$goods->describe}}</div>
                                <div class="d">
                                    <span>￥{{$goods->price}}</span>
                                    {{--<span>快去抢购吧!</span>--}}
                                </div>

                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
                    {{--商品遍历结束--}}

                {{--<script>--}}
                    {{--$('#fordymarea').attr('id', 'woo-holder').find('div.woo-pcont').addClass('woo-masned').css("height", $(window).height())--}}
                {{--</script>--}}
            </div>
            <div class="woo-swb" style="display:none">
                <div class="woo-pcont stpics clr woo-masned">
                </div>
                <div class="woo-pager"></div>
            </div>
        </div>
    </div>
    <script src="{{url('js/category.1a92a32f.js')}}"></script>
  @endsection
